<script setup lang="ts">
import { RouterView, useRoute } from 'vue-router';
import Header from './components/header/HeaderIndex.vue';
import router from './router';
import App from './App.vue';

const $showHeaderAndMenu = ref(true);
const app = createApp(App);
const route = useRoute();

// router.beforeEach((to, from, next) => {
// 	console.log(router,'riqi');
// 	if (to.path === '/loginPage'|| to.path === '/home/index') {
// 		$showHeaderAndMenu.value = false;
// 	} else {
// 		$showHeaderAndMenu.value = true;
// 	}
// 	next();
// });
</script>
<template>
	<div id="app" class="appVueContent">
		<Header v-if="route.path != '/home/login'" />
		<router-view />
	</div>
</template>
<style scoped>
.appVueContent {
	height: 100%;
	width: 100%;
}
</style>
